跳到主要内容

通过 Node-RED 将消息发送到 Microsoft Teams

本教程演示如何将 OV80i 摄像头的巡检通知直接发送到 Microsoft Teams 频道。您将学习设置包含巡检结果和可点击图片链接的自动化警报，让团队即时了解生产状态。

您将构建的内容： 一个自动化系统，将 OV80i 巡检结果（包括图片和通过/失败状态）直接发布到 Microsoft Teams 频道。

实际应用场景： 在巡检失败时获得即时通知，与远程团队共享巡检图片，或在团队协作空间中创建自动化质量报告。

先决条件​

  • OV80i 摄像头已连接到您的工厂网络
  • 具有添加连接器权限的 Microsoft Teams 账户
  • 你希望接收通知的 Teams 频道
  • OV80i 与 Microsoft Teams 之间的网络连通性
  • 具备 Node-RED 流程的基础了解

Tutorial Overview​

我们将构建的流程： 一个 Node-RED 流，用于自动将巡检结果发送到 Microsoft Teams，并附带可点击的图片链接。

所需时间： 15-20 分钟

掌握技能： Teams webhook 集成、Node-RED HTTP 请求、自动通知系统

Step 1: Set Up Microsoft Teams Webhook​

1.1 访问您的 Teams 频道​

  1. 打开 Microsoft Teams，并导航到用于巡检通知的频道
  2. 点击频道名称旁的 三个点（•••）
  3. 从下拉菜单中选择 "Manage channel"

1.2 添加 Incoming Webhook 连接器​

  1. 在频道管理菜单中点击 "Connectors"
  2. 在连接器列表中 搜索 "Incoming Webhook"
  3. 在 Incoming Webhook 选项旁点击 "Add"

1.3 配置 Webhook 设置​

  1. Name: 输入描述性名称（例如 "OV80i Inspection Alerts"）
  2. Icon: 可选为通知上传自定义图标
  3. 点击 "Create" 以生成 webhook

1.4 保存 Webhook URL​

  1. 复制生成的 webhook URL - 这对 Node-RED 设置至关重要
  2. 将 URL 保存到安全位置（你将在步骤 2 中使用）
  3. 点击 "Done" 完成 Teams 设置

检查点： 您现在应该拥有一个类似于：https://yourcompany.webhook.office.com/webhookb2/... 的 webhook URL。

Step 2: 访问 OV80i Node-RED​

2.1 进入 Node-RED​

  1. 打开您的 OV80i Web 界面
  2. 转到 Recipe Editor，点击 Configure I/O，或从面包屑菜单中选择 "IO Block"

2.2 准备工作区​

  1. 在 Node-RED 画布上为 Teams 集成流程清空一个区域
  2. 识别左侧的调色板（包含可用节点）
  3. 规划您的流程：Trigger → Process → Send to Teams

Step 3: 构建 Node-RED 流​

3.1 添加所需节点​

从调色板将以下节点拖放到画布上：

  1. Inject node（用于测试）
  2. Function node（用于格式化消息）
  3. HTTP request node（用于发送至 Teams）
  4. Debug node（可选，用于故障排除）

3.2 连接节点​

  1. 将 inject 的输出连接到 function 的输入
  2. 将 function 的输出连接到 HTTP request 的输入
  3. 将 HTTP request 的输出连接到 debug 的输入（可选）

Flow structure:

Inject → Function → HTTP Request → Debug

第 4 步：配置函数节点​

4.1 基本消息配置​

  1. 双击函数节点以打开配置
  2. 用以下基本消息格式替换默认代码：
// Basic Teams message
msg.headers = {
    "Content-Type": "application/json"
};

msg.payload = {
    text: "You got a new message from your OV80i"
};

return msg;

4.2 具有图片链接的高级消息​

用于带可点击图片的动态检查结果：

// Dynamic message with inspection image
let imageUrl = msg.payload.image_url;

msg.headers = {
    "Content-Type": "application/json"
};

msg.payload = {
    text: `Inspection Complete - [View Image](${imageUrl})`
};

return msg;

4.3 完整检查通知​

用于包含完整检查详情：

// Complete inspection notification
const inspectionData = msg.payload;
const imageUrl = inspectionData.image_url;
const result = inspectionData.result ? "PASS" : "FAIL";
const timestamp = new Date().toLocaleString();

msg.headers = {
    "Content-Type": "application/json"
};

msg.payload = {
    text: `🔍 **Inspection ${result}** - ${timestamp}\n\n[View Image](${imageUrl})`
};

return msg;

4.4 保存函数节点配置​

  1. 点击 完成 以保存函数节点
  2. 为该节点指定一个描述性名称，例如“Format Teams Message”

第 5 步：配置 HTTP 请求节点​

5.1 设置 HTTP 请求​

  1. 双击 HTTP 请求节点进行配置
  2. 设定方法：从下拉菜单中选择 "POST"
  3. 设定 URL：粘贴步骤 1.4 中的 Teams webhook URL
  4. 设定返回值：选择 "UTF-8 string"

5.2 其他设置​

  • 名称：为了清晰输入 "Send to Teams"
  • Headers：保持为空（由函数节点处理）
  • Payload：保持为 "Ignore"（由函数节点处理）

5.3 保存 HTTP 配置​

  1. 点击 完成 以保存 HTTP 请求节点
  2. 核对 webhook URL 是否正确——这对成功至关重要

第 6 步：测试您的集成​

6.1 部署流程​

  1. 点击右上角的 部署 按钮
  2. 等待出现 "Successfully deployed" 的确认
  3. 在节点上检查是否有错误指示（红色三角形）

6.2 使用注入节点测试​

  1. 点击注入节点左侧的按钮
  2. 检查调试面板（右侧边栏）中的任何错误信息
  3. 验证消息是否出现在您的 Teams 通道中

6.3 验证 Teams 通知​

  1. 切换到 Microsoft Teams 并检查目标频道
  2. 查找来自 OV80i 的测试消息
  3. 测试任意可点击链接，以确保它们正常工作

第 7 步：与检查流程的集成​

7.1 连接到检查结果​

在每次检查后发送自动通知：

  1. 找到你的主检查流程（通常以“All Block Outputs”开头）
  2. 将 Teams 通知作为主流程的分支添加
  3. 在检查处理之后、最终结果之前连接

7.2 示例集成流程​

All Block Outputs → [Inspection Logic] → Final Pass/Fail
                                      ↓
                               Format Teams Message → Send to Teams

7.3 过滤通知（可选）​

要仅在检查失败时发送通知：

// Only send notifications for failures
const inspectionResult = msg.payload.result;

if (!inspectionResult) {  // Only if inspection failed
    const imageUrl = msg.payload.image_url;

    msg.headers = {
        "Content-Type": "application/json"
    };

    msg.payload = {
        text: `⚠️ **INSPECTION FAILED** - Immediate attention required\n\n[View Failed Image](${imageUrl})`
    };

    return msg;
} else {
    return null;  // Don't send message for passing inspections
}

第 8 步：故障排除​

8.1 常见问题​

问题症状解决方法
Teams 中无消息调试显示成功但没有 Teams 通知检查 webhook URL，验证网络连接
HTTP 错误 400调试中的错误请求检查消息格式，确保 Content-Type 头
图像链接无法工作消息出现但图像无法打开验证图片 URL 是否可从 Teams 用户所在的网络访问
Flow 未触发预期时无调试输出检查流程连接，验证触发条件

8.2 调试 Flow​

  1. 在每一步之后添加调试节点，以跟踪数据流
  2. 检查调试面板中的错误消息和数据结构
  3. 使用 inject 节点进行测试以排除配置问题
  4. 通过外部工具进行测试来验证 webhook URL（如有需要）

8.3 网络连接​

  1. 确保 OV80i 能访问互联网（从摄像头进行 ping 测试）
  2. 检查可能阻止出站 HTTPS 的防火墙设置
  3. 验证 Teams webhook URL 的 DNS 解析
  4. 在与摄像头同一网络的浏览器上进行测试

成功！您的 Teams 集成已完成​

您的 OV80i 摄像头现在可以：

✅ 向 Microsoft Teams 通道发送自动通知

✅ 包含可点击的图片链接，便于即时进行检查与审阅

✅ 基于检查结果过滤通知

✅ 提供带有检查详情和时间戳的富文本格式

✅ 支持多通道用于不同通知类型

最佳实践​

消息管理​

  • 为不同类型的通知使用描述性通道名称
  • 在消息中包含时间戳和工位标识符
  • 过滤消息，以避免通知过载
  • 在生产部署之前进行彻底测试

安全注意事项​

  • 保护 webhook URL—把它们视为敏感凭据
  • 对所有通信使用 HTTPS（Teams 的默认设置）
  • 仅对必要服务限制网络访问
  • 如有泄露，定期轮换 webhook URL

性能优化​

  • 在发送大量消息时进行批量通知
  • 对网络故障使用合适的重试逻辑
  • 监控消息投递的成功率
  • 实现速率限制以避免 Teams API 限制

image.png

下一步​

在完成 Teams 集成后：

  1. 为各种检查类型创建不同的通知通道
  2. 为关键故障设置升级工作流
  3. 与其他团队工具集成（如电子邮件、短信等）
  4. 构建仪表板，将 Teams 与其他监控工具结合
  5. 培训您的团队，以应对自动通知

🔗 相关链接​